<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:pretty="http://ocpsoft.com/prettyfaces">

<f:view locale="#{localeCtrl.locale}">

	<h:head>
		<title>Warhammer 40,000 Conquest LCG deck builder and database</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="description" content="Warhammer 40,000 Conquest LCG deck builder and database" />
		<h:outputStylesheet name="css/conquest.css" />
		<h:outputStylesheet name="css/bootstrap.css" />
		<h:outputStylesheet name="css/typeahead.css" />
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>	
		
		<ui:insert name="head" />
	</h:head>

	<h:body>
		<div id="wrapper">
			<nav class="navbar navbar-default navbar-static-top" role="navigation">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
								class="icon-bar"></span> <span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="/#{localeCtrl.language}">Conquest Deck Builder</a>
					</div>
		
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="/#{localeCtrl.language}/deck/">#{m['core.myDecks']}</a></li>
							<li><a href="/#{localeCtrl.language}/card/">#{m['core.cards']}</a></li>
						</ul>
						<!-- <form class="navbar-form navbar-left" role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="Search"></input>
								</div>
								<button type="submit" class="btn btn-default">Submit</button>
							</form> -->
						<ul class="nav navbar-nav navbar-right">
							<li><pretty:link mappingId="signin" rendered="#{authUser.notSignedIn}">
									<f:param value="#{localeCtrl.language}" />
									<h:outputText value="#{m['core.signIn']}" />
								</pretty:link> <pretty:link mappingId="signout" rendered="#{authUser.signedIn}">
									<f:param value="#{localeCtrl.language}" />
									<h:outputText value="#{m['core.signOut']}" />
									<h:outputText value="&nbsp;[&nbsp;#{authUser.userName}&nbsp;]" style="color: #ccc;" />
								</pretty:link></li>
						</ul>
					</div>
				</div>
			</nav>

			<div class="container content">
				<ui:insert name="content" />
			</div>
		</div>
		
		<footer id="footer">
			<div class="container">
				<p>Contact me via conquestdb at gmail dot com or via twitter <a href="https://twitter.com/conquestdb">@conquestdb</a>.</p>
				<p>
					This site is not owned, endorsed or supported by Fantasy Flight Publishing, Inc.<br/> 
					The information presented above about Warhammer 40,000: Conquest LCG, both literal and graphical, is &copy; Fantasy Flight Publishing, Inc. and/or Games Workshop Ltd. All rights reserved to their respective owners.
				</p>
			</div>
		</footer>

		<ui:insert name="script" />
	</h:body>
</f:view>
</html>